<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" type="text/css" href="index.css"/>
    </head>
    <body>
        <div id="app"  aria-orientation="horizontal">
            <input type="button" value="-" @click="des" class="center">
            <span v-text="count"></span>
            <input type="button" value="+" @click="inc" class="center">
        </div>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script type="text/javascript" src="index.js"></script>
        <!-- <script>
            var app=new Vue({
                el:"#app",
                data:{
                    count: 0
                },
                methods:{
                    inc:function(){
                        this.count+=1
                    },
                    des:function(){
                        this.count-=1
                    }
                }
            })
        </script> -->
    </body>
</html>